body,html{box-sizing: border-box;}
.layui-table{margin:0;}
/*footer*/
.footer{position: absolute;bottom:0;width: 100%;height:55px;}
.footer .totalNum{float:left;padding-left:20px;position: relative;top:15px;}
#pagination{text-align: center;}
/*table*/
.layui-form-item{margin-bottom:0;}
.layui-input, .layui-select, .layui-textarea{height:30px;}
.layui-table thead tr, .layui-table-fixed-l tr, .layui-table-header, .layui-table-mend, .layui-table-patch, .layui-table-tool{background-color: #fff;}
.layui-table td:first-child, .layui-table th:first-child,.layui-table td:nth-child(2), .layui-table th:nth-child(2),.layui-form-select dl dd{text-align: left;}
table tr{border-bottom: 1px solid #ddd;}

.courseListContent,.topicListContent{overflow: auto;}
.sort {position: relative;cursor: pointer;}
.icon{display: inline-block;width: 20px;height:20px;cursor: pointer; position: absolute;top:8px;left:0;background-size: cover;}
.sort .icon{background-image: url("../img/btl.png");width:4px;height:9px;left:auto;right:60px;top:14px;}
a.headButton:hover{background-color: #1488ff;color:#fff;}
a.headButton{padding:5px 20px 5px 30px;  margin:20px;background-color: #39f;color:#fff;border:none;position: relative;}
a.headButton .icon{background-image: url("../img/u148.png");left:10px;top:8px;width: 16px;height:16px;}
.btnGroup{display: inline-block;}
.btnGroup .button.blue{border-radius: 0;border-right:none;padding:3px 10px;position:relative;min-width:80px;display: inline-block;}
.btnGroup .button:last-child{border-right: 1px solid #39f;}
.btnGroup .button.blue.downloadSel,.btnGroup .button.blue.deleteSel{padding-left:20px;}
.btnGroup .button.blue.addToSel{padding-left:30px;}
.addToSel .icon{background-image:url("../img/u154.png");width:13px;height:13px;left:10px;top:8px;}
.merge .icon{background-image:url("../img/u186.png"); width:13px;height:13px;left:10px;top:8px;}
.deleteSel .icon{background-image:url("../img/icon_remove.png"); width:12px;height:12px;left:10px;top:8px;}
.blue{color:#39f;}
.names{display: inline-block;cursor: pointer;}
.topicList .names span:first-child{padding-right: 10px;}
/*操作*/
.controlButtons{float: right;display: none;}
.controlButtons .icon{top:5px;left:auto;position: relative;margin:0 5px;width:13px;height:13px;}
.editor{background-image:url("../img/icon_compile.png");}
.addTo{background-image:url("../img/u154.png");}
.delete{background-image:url("../img/icon_remove.png");}
.dissolve{background-image:url("../img/u323.png");}
.dataNameEdit{display: none;position: relative;top:-5px;}
.dataNameEdit input{position: relative;}
.dataNameEdit .icon{width:16px;height:16px;position: relative;left:auto;top:5px;}
.dataNameEdit .icon.confirm{background-image:url("../img/icon_confirm.png"); }
.dataNameEdit .icon.cancel{background-image:url("../img/icon_cancel.png"); }

table tr,.layui-table th{text-align: center;}
.cwepContain,.pptContain{text-align: left;}
.cwepName{cursor: pointer;}
.cwepIcon{position: absolute;top:10px; left:-10px; width: 24px;  height: 24px;  display: inline-block;  background-image: url("../img/cwpFileNo.png");  background-repeat: no-repeat;  background-size: 100% 100%;  -moz-background-size: 100% 100%;}
.cwpIcon{background-image: url("../img/cwpFile.png");}
.topicIcon{cursor:pointer;color:#59d1ab; position: relative;top:4px; left:-10px; width: 24px;  height: 24px;  display: inline-block;  background-image: url("../img/topic.png");  background-repeat: no-repeat;  background-size: 100% 100%;  -moz-background-size: 100% 100%;}
.pptIcon{position: relative;top:5px; left:-10px; width: 24px;  height: 24px;  display: inline-block;  background-image: url("../img/ppt.png");  background-repeat: no-repeat;  background-size: 100% 100%;  -moz-background-size: 100% 100%;}
.attachment{cursor:pointer; position: relative;top:2px;  width: 24px;  height: 24px;  display: inline-block;  background-image: url("../img/attachment.png");  background-repeat: no-repeat;  background-size: 100% 100%;  -moz-background-size: 100% 100%;}
.control a{float: right;margin-left:20px;cursor:pointer;}
#topicList tr td:nth-child(2){text-align: left;}
#topicList tr td:nth-child(2) span{text-align: center;}

.isPptCwp .layui-form-checkbox{left:20px;}

/*courseList table */
.preMaterial{cursor: pointer;}
/*搜索框*/
.searchBox{position: absolute;right:200px;top:20px;}
.searchInput{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.searchBox input{width: 220px;height: 32px;border: 1px solid #e2e2e2;border-top-right-radius: 4px;border-bottom-right-radius: 4px;padding: 0 36px 0 10px;}
.searchBox i{position: absolute;width: 36px;height: 36px;right: 1px;top: 50%;margin-top: -18px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.searchBox i:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.searchBox i.icon_search{background: url("../img/icon_search.svg") no-repeat center;cursor: pointer;}